
<template>
	<div class="bindQQ-Main">
		<div class="bindQQ-explain">
			<p>请填写QQ账号</p>
			<p>请务必认真填写自己的QQ，便于平台即时帮您解决...</p>
		</div>
		<!-- input -->
		<div class="bindQQ-dis">
			<input type="text" disabled="disabled" placeholder="12313123"/>
		</div>
		<!-- btn -->
		<div class="bindQQ-btn">QQ号码审核中！</div>
	</div>
</template>

<script>

	export default{
		name:'bindQQ'
	}

</script>

<style>
	.bindQQ-Main{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.bindQQ-explain{
		width: 100%;
		height: 0.62rem;
	}
	.bindQQ-explain p{
		width: 92%;
		margin: 0 auto;
		color: #333;
		font-size: 0.13rem;
		padding: 0.1rem 0;
	}
	.bindQQ-explain p:last-child{
		padding: 0;
		font-size: 0.12rem;
	}
	.bindQQ-dis{
		width: 100%;
		height: 0.33rem;
		background: white;
	}
	.bindQQ-dis input{
		width: 92%;
		float: left;
		padding: 0.1rem 0 0.1rem 0.16rem;
		font-size: 0.12rem;
	}
	.bindQQ-dis input::-webkit-input-placeholder{
		color: #333;
	}
	.bindQQ-btn{
		width: 92%;
		margin: 0.2rem auto 0 auto;
		height: 0.36rem;
		line-height: 0.36rem;
		background: #4097ff;
		text-align: center;
		font-size: 0.12rem;
		color: white;
		border-radius: 0.05rem;
	}
</style>
